/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const IconQuotes: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M372.394667 442.496h-247.466667c-39.253333 0-52.181333-21.034667-55.893333-30.08-3.797333-9.002667-9.472-33.024 18.261333-60.757333L167.210667 271.786667a29.056 29.056 0 1 1 41.130666 41.173333L136.96 384.298667h235.434667a29.098667 29.098667 0 1 1 0 58.197333z m167.466666 341.973333a29.098667 29.098667 0 0 1-20.565333-49.664l71.381333-71.381333H94.890667a29.098667 29.098667 0 1 1 0-58.197333h507.861333c39.210667 0 52.138667 21.034667 55.893333 30.08 3.754667 9.002667 9.472 33.024-18.304 60.757333l-79.914666 79.914667a29.013333 29.013333 0 0 1-20.565334 8.533333z m172.501334-223.914666a244.266667 244.266667 0 0 1-244.010667-244.010667 244.266667 244.266667 0 0 1 244.010667-244.053333 244.309333 244.309333 0 0 1 244.053333 244.053333 244.309333 244.309333 0 0 1-244.053333 244.010667z m0-429.866667a186.026667 186.026667 0 0 0-185.770667 185.856 186.026667 186.026667 0 0 0 185.770667 185.813333 186.026667 186.026667 0 0 0 185.813333-185.813333 186.026667 186.026667 0 0 0-185.813333-185.856z m129.92 216.106667h-133.546667a29.098667 29.098667 0 0 1-29.141333-29.098667v-106.666667a29.098667 29.098667 0 1 1 58.197333 0v77.568h104.490667a29.098667 29.098667 0 1 1 0 58.197334z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconQuotes.defaultProps = {
  size: 22,
};

export default IconQuotes;
